<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>文章列表 - {$config.system_name}</title>
    <meta name="keywords" content="文章列表,{$config.system_name}"/>
    <meta name="description" content="李清波个人博客的文章列表页"/>

    <!--Main style css-->
    <link rel="stylesheet" href="__STATIC__/css/style.css">
    <!--Active Color css-->
    <link rel="stylesheet" href="__STATIC__/css/default-colors.css">
    <!--Responsive style css-->
    <link rel="stylesheet" href="__STATIC__/css/responsive.css">
</head>

<body class="bodypadding">
    <!--Preloader-->
    <div class="preloader"><i class="icon-spin2"></i>
    </div>
    <!--END Preloader-->
    <!--ScrollTop Btn-->
    <div class="scroll_up gutengard_btn"><i class="icon-up-open-big"></i>
    </div>
    <!--END ScrollTop Btn-->
    <!--Mobile Menu-->
    {include file="common:mobile_nav" /}
    <!--END Mobile Menu-->
    <!--Search-->
    {include file="common:searchform" /}
    <!--END Search-->
    <!--Float Sidebar-->
    {include file="common:float_bar_site" /}
    <!--END Float Sidebar-->
    {include file="common:header" /}
    <!--Big SLider-->
    <!--Category header-->
    <!--<div class="category_header header_image box_overlay d-flex align_items_center justify_content_center categorybg1">
        <h1 class="cat_title">Travels</h1>
        <div class="breadcrumbs">
            <ul class="page-list">
                <li class="first-item"><a href="index.html">Home</a>
                </li>
                <li><i class="icon-right-open-big"></i>
                </li>
                <li>Travels</li>
            </ul>
        </div>
    </div>-->
    <!--END Category header-->
    <div class="page_container_wrapper">
        <div class="container-fluid no_padding">

            {volist name=":regroup_list($list)" id="vo" mod="2"}
                <div class="blog_list_post clearfix">

                    {volist name="vo" id="subVal"}

                    <!--Post Box-->
                    <div class="blog_post_box clearfix">
                        <div class="blog_post_item">
                            <h2 class="post_name"><a href="{$subVal.url}" title="{$subVal.title}">{$subVal.title|cut_str=26}</a></h2>
                            <div class="post_data"><span class="category">{$subVal.category_name}</span><span class="comments_count"><i class="fas fa-comments"></i>{$subVal.comments}</span><span class="reviews_count"><i class="fas fa-eye"></i>{$subVal.clicks}</span></div>
                            <div class="short_desc_post">
                                <p title="{$subVal.description}">{$subVal.description|cut_str=60}</p>
                            </div>
                            <div class="seea_more"><a href="{$subVal.url}">查看详情<i class="icon-right-open-big"></i></a>
                            </div>
                        </div>
                        <div class="blog_post_item_image postbg10">
                            <div class="post_data_cr"><span class="day">{$subVal.update_time|date='d'}</span>
                                <div class="month">{$subVal.update_time|date='m'}</div>
                                <div class="year">{$subVal.update_time|date='Y'}</div>
                            </div>
                            <a href="{$subVal.url}" class="post_link_image">
                                <img src="{$subVal.thumb}" alt="">
                            </a>
                        </div>
                    </div>
                    <!--END Post Box-->
                    {/volist}


                </div>
            {/volist}

        </div>

<!--        <div class="text-center btn_loadmore"><a href="#" class="btn_gurd btn_gurd_trp btn_gurd_i loadmore_btn">Load More <i class="fas fa-spinner"></i></a></div>-->


        <div class="text-center">
            <nav class="page_pagination_wrapper margin50_0_0_0">
                {$page|raw}
            </nav>
        </div>

    </div>
    {include file="common:footer" /}
    <!-- JS -->
    <!--jQuery 1.12.4 google link-->
    <script src="__STATIC__/js/jquery.min.js"></script>
    <!--Bootstrap 4.1.0-->
    <script src="__STATIC__/js/bootstrap.min.js"></script>
    <!--jquery.magnific-popup-->
    <script src="__STATIC__/js/jquery.magnific-popup.min.js"></script>
    <!--OWL Carousel-->
    <script src="__STATIC__/js/owl.carousel.min.js"></script>
    <!--Custom js-->
    <script src="__STATIC__/js/custom.js"></script>

</body>

</html>